<script setup lang="ts">
import { useCounterStore } from './stores/counter';

// 调用函数，获取数据仓库
const store = useCounterStore()
</script>

<template>
  <h1>Vue全局状态管理</h1>
  <p>store: {{ store }}</p>
  <p>totalCount: {{ store.totalCount }}</p>
  <p>dobuleTotalCount: {{ store.dobuleTotalCount }}</p>
  <button @click="store.addTotalCount(1)">修改store数据+=1</button>
  <button @click="store.addTotalCount(10)">修改store数据+=10</button>
</template>